<template>
  <div class="mh100vh f as xc pt100">
    <div class="f xc rw" style="width:300px;transform-style:preserve-3d;">
      <div class="rds50 mr10 cicle1" style="width:80px;height:80px;border:6px solid blue;"></div>
      <div class="rds50 mr10 cicle2" style="width:80px;height:80px;border:6px solid #000;"></div>
      <div class="rds50 mr10 cicle3" style="width:80px;height:80px;border:6px solid red;"></div>
      <div class="rds50 mr10 cicle4" style="width:80px;height:80px;border:6px solid yellow;"></div>
      <div class="rds50 mr10 cicle5" style="width:80px;height:80px;border:6px solid green;"></div>
    </div>
  </div>
</template>
<script src='./index.js'></script>
<style src='./index.css' scoped></style>